<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        /* CSS最核心的就是,都有哪些属性,以及每个属性都有哪些值.要想能够随心
        所欲的使用CSS,就需要大量练习 */
        /* 1.设置字体类型 
        font-family来设置字体的类型.(宋体,隶书,微软雅黑)*/
        body{
            font-family: 隶书;
        }
        /* 在body中设置了字体, 但是在刚才的div中也能生效
        font相关的CSS属性是可以被"继承"的
        子元素会自动的继承父元素的相关属性*/
        /* 如果是在body中设置的字体,由于body就是该页面的次顶层元素(仅次于html)了,页面中的其他元素也会继承这个字体了 */
        
        /* 如果需要在某个元素中使用不同的字体,就可以针对这个元素来单独设置字体
此时设置的新的字体样式会覆盖继承自父元素的字体.

设置字体的时候要注意!!得保证用户的计算机上一定有这种字体.(如果没有,可能就会显示出错)
如果非要搞特殊字体,就需要让用户的浏览器,从程序员提供的服务器上来下载到相关的字体文件.
 */

        /* 2.font-size设置字体大小 */        
        /* 3.字体粗细 */
        /* font-weight */
        span{
            font-size: 50px;
            font-weight: bold;
            font-style: normal;
            /* normal 默认值,bold 定义粗体字符,bolder 定义更粗的字符,lighter 定义更细的字符 */
        }
        /*并不一定真的是50px,还取决于缩放(浏览器)*/

        /* 4.字体样式 */
        /* 设置倾斜 
            font-style: italic;
            取消倾斜 
            font-style: normal*/
        /* 一般很少把正常的字给斜了,而是经常把要斜的字给正过来. */

        /* 5.文本属性 */
        /* ①文本颜色
        color属性来进行设置
        要想理解color值,就需要先了解计算机中的颜色体系 */
        
   </style>
</head>
<body>
    <div>
        这是一个字体
        <span>这是一段话</span>
        
    </div>
</body>
</html>